<!DOCTYPE html>
<html>
<head lang="en">
    <title>模板风格</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <link rel="stylesheet" href="<?php echo base_url();?>lib/bootstrap-3.3.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo base_url();?>lib/swiper/idangerous.swiper.css">
	<!--状态栏和导航栏的样式-->
    <link rel="stylesheet" href="<?php echo base_url();?>navigation.css">
    <script type="text/javascript" src="<?php echo base_url();?>lib/jquery/jquery-2.1.1.min.js"></script>
    <script src="<?php echo base_url();?>lib/swiper/idangerous.swiper.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>src/template2.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>src/common.js"></script>

	<title>模板风格</title>
    <style type="text/css">
    body, div, img, a {
        margin: 0px;
        padding: 0px;
        border: none;
    }
    
    #container, #container div {
        margin: 0px;
        padding: 0px;
    }
    #line {
        height: 2px;
        width: 100%;
        background-color: #eeeeee;
    }
    #container #center_space {
        height: 47px;
        width: 100%;
    }
    #container #template_theme_content {
        margin: 0px 25px;
    }
    #template_theme_content .col {
        padding: 0px 7px;
        text-align: center;
    }
    .col img {
        /*height: 300px;*/
        width: 100%;
    }
    #container #space_center {
        height: 43px;
    }
    
    #container #color_row {
        margin: 0px 11px 20px;
    }
    #container .color_col {
        padding: 0px 16px;
    }
    #container .color_head {
        text-align: center;
    }
    .color_head img {
        width: 25px;
    }
    #container .color_body {
        height: 66px;
        margin-top: 13px;
    }
    .img-thumbnail{
		width:100%;
    }
    </style>
</head>
<body>
        
	<div class="" id="container">
        <div id="header_title">模板风格</div>
        <div id="line"></div>

        <div id="center_space"></div>
	 	<!--模板-->
	    <div class="swiper-container">
	        <div class="swiper-wrapper">
	            <?php if($single_tpls) {?>
	        		<?php foreach ($single_tpls as $st){?>
		            <div class="swiper-slide">
		                <img <?php if($st['type']==0){?>id="template_home" <?php }elseif ($st['type']==1){?>id="template_page"<?php }?> src="<?php echo base_url();?><?php echo $st['img_path'];?>" class="img-responsive img-thumbnail" alt="封面">
			            </div>
	            <?php }}?>
	        </div>
	    </div>
	        

	    <!--模板风格 start-->
	    <div id="space_center"></div>
	    <div class="row" id="color_row">
	        <div class="col-xs-3 color_col">
	            <div class="color_head">
	                <img src="<?php echo base_url();?>res/images/template1/color1_sl.png">
	            </div>
	            <div class="color_body" style="background:rgb(252,219,40);">
	                
	            </div>
	        </div>
	        <div class="col-xs-3 color_col">
	            <div class="color_head">
	                <img src="<?php echo base_url();?>res/images/template1/color2_nor.png">
	            </div>
	            <div class="color_body" style="background:rgb(163,123,173);">
	                
	            </div>
	        </div>
	        <div class="col-xs-3 color_col">
	            <div class="color_head">
	                <img src="<?php echo base_url();?>res/images/template1/color3_nor.png">
	            </div>
	            <div class="color_body" style="background:rgb(183,217,8);">
	                
	            </div>
	        </div>
	        <div class="col-xs-3 color_col">
	            <div class="color_head">
	                <img src="<?php echo base_url();?>res/images/template1/color4_nor.png">
	            </div>
	            <div class="color_body" style="background:rgb(242,175,169);">
	                
	            </div>
	        </div>
	    <!--模板风格 end-->
	
		<form id="set_home" action="<?php echo base_url().$action;?>" method="post">
			<input type="hidden" name="site_id" value="<?php echo $site_id;?>" />
			<input type="hidden" id="t_id" name="t_id" value="<?php echo $t_id;?>" />
			<input type="hidden" id="color" name="color" value="1" />
		</form>
	</div>

	</div>
    <!-- 下一步 -->
    <div class="contaienr-fluid" id="footer_row">
        <div class="row">
            <div class="col-xs-6 text-center" id="nav_back">返回</div>
            <div class="col-xs-6 text-center" id="nav_next">下一步</div>
        </div>
    </div>
</body>
</html>